.sports-run {
    display: flex;
    flex-direction: column;

    .sports-run-main {
        height: 1px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;

        .sports-run-main-title {
            width: 100%;
            height: 100px;
            padding: 15px;

            p {
                line-height: 4em;

                span {
                    color: #4294ff;
                    font-size: 35px;
                    font-weight: bold;
                }

            }
        }

        // 高德地图
        #container {
            flex-grow: 1;
            width: 100%;
            height: 100%;

            .amap-logo,
            .amap-copyright {
                display: none !important;
            }
        }

        // go
        #goBtn {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -100px;
            margin-left: -100px;

            width: 200px;
            height: 200px;
            background: #4294ff;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 200px;
            font-size: 80px;
        }
    }

    // 蒙层
    .mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #4294ff;
        display: none;
    }

    .gobox {
        position: fixed;
        width: 100%;
        height: 100px;
        top: 40%;
        text-align: center;
        font-size: 80px;
        color: #fff;
        display: none;
    }
}